<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>我的订单 - MVR设备租赁平台</title>
  <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  <link href="https://fonts.googleapis.com/css2?family=SF+Pro+Display:wght@400;600&display=swap" rel="stylesheet">
  <style>body { font-family: 'SF Pro Display', 'PingFang SC', 'Helvetica Neue', Arial, sans-serif; }</style>
</head>
<body class="bg-gray-100 min-h-screen">
  <div class="max-w-md mx-auto py-6">
    <a href="index.html" class="text-blue-500 text-sm flex items-center mb-4"><i class="fa fa-chevron-left mr-1"></i>返回首页</a>
    <h2 class="text-xl font-semibold mb-4">我的订单</h2>
    <div class="space-y-4">
      <!-- 订单卡片示例 -->
      <div class="bg-white rounded-xl shadow p-4">
        <div class="flex justify-between items-center mb-2">
          <div class="font-semibold">MVR-1000 型号</div>
          <span class="text-xs text-blue-500 font-medium">申请中</span>
        </div>
        <div class="text-gray-500 text-sm mb-1">2024-06-01 ~ 2024-06-05 | 数量：2</div>
        <div class="text-gray-400 text-xs">提交时间：2024-05-28</div>
      </div>
      <div class="bg-white rounded-xl shadow p-4">
        <div class="flex justify-between items-center mb-2">
          <div class="font-semibold">MVR-2000 型号</div>
          <span class="text-xs text-green-500 font-medium">已完成</span>
        </div>
        <div class="text-gray-500 text-sm mb-1">2024-05-10 ~ 2024-05-12 | 数量：1</div>
        <div class="text-gray-400 text-xs">提交时间：2024-05-05</div>
      </div>
    </div>
  </div>
</body>
</html> 